<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>虎牙直播 - 社会招聘</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="./swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="./css/jia.css">
    <style>
        .swiper-pagination-bullet {
            opacity: 1;
            background: rgba(0,0,0,.5);
            width:40px;
            height: 5px;
            border-radius: 5px;
        }
        .swiper-pagination-bullet-active{
            background: #000000;
        }
    </style>
</head>
<body>
<nav>
    <div class="nav">
        <div class="container ov">
            <a href="./index.html"><img src="./img/img2/logo.png" alt="" class="fl"></a>
            <ul class="fl">
                <li class="active" id="tiao1"><p>首页</p></li>
                <li  id="tiao2"><p>公司介绍</p></li>
                <li  id="tiao3"><p>社会招聘</p></li>
                <a href=""><p>校园招聘</p></li>
                <a href=""><p>内部推荐</p></a>
                <a href=""><p>2019虎牙小程序技术挑战赛</p></a>
            </ul>
            <div class="ji"></div>
            <div class="yin">
                <span></span>
            </div>
        </div>
        <div class="cang">
            <h2>虎牙直播</h2>
            <li>首页 <span></span></li>
            <li>公司介绍 <span></span></li>
            <li>招聘职位 <span></span></li>
        </div>
   </div>
</nav>
<header class="ov">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="./img/img2/lun1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./img/img2/lun2.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./img/img2/lun3.jpg" alt=""></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>

</header>
<div class="header">
    <p><img src="./img/img2/sou.png" alt="" class="fl">搜索职位关键字</p>
    <input type="text" placeholder="">
</div>
<main>
    <div class="ma1">
        <div class="ma1-ti">
            <h2>公司介绍</h2>
            <div></div>
        </div>
        <div class="nei">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2012年，虎牙直播成立，并快速发展为中国领先的弹幕式直播互动平台，形成以游戏直播为主，涵盖娱乐、综艺、教育、户外、体育等多种直播内容综合性互动平台。</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 	虎牙致力于为中国的年轻一代游戏爱好者创建一个参与、互动和沉浸式社区，截至2018年8月，虎牙直播的内容覆盖超过2600款游戏，汇聚众多世界冠军级战队和主播，拥有多项国内外赛事的直播版权，成为中国排名第一的游戏直播平台。</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2017年5月，虎牙直播正式独立，成立广州虎牙信息科技有限公司，2018年3月，虎牙直播宣布获得腾讯战略投资4.62亿美元的B轮融资；5月，虎牙直播正式在纽约证券交易所挂牌交易，成为“游戏直播第一股”。</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2018年5月3日，虎牙直播推出海外品牌NimoTV，上线后一举成为东南亚最大的游戏直播平台，并与腾讯游戏达成全面的战略合作，共同开拓海外游戏及游戏直播市场</p>
        </div>
    </div>
    <div class="ma2">
        <div class="ma2-ti">
            <h2>社会招聘</h2>
            <div></div>
        </div>
        <div class="kuai ov" id="app">
            <div class="col"v-for="ge in message">
                <div>
                    <p>{{ge.wei}}</p>
                    <a href="">{{ge.shu}}</a>
                </div>
                <span class="fr">
                    查看
                </span>
            </div>
        </div>
    </div>
</main>
<footer>
    <img src="./img/img2/powered-by-moka.svg" alt="">
</footer>



<script src="./js/vue.js"></script>
<script src="./js/js2/axios.min.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="./js/js2/script.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 30,
        loop: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
</script>
</body>
</html>